/* basic_table 추가*/
.basic_grid .table_view  .basic_table  th{text-align:center}

/* BACK 센터 탭 메뉴 */
.centerTab2{display: inline-block;margin-bottom: 16px;}
.centerTab2 ul li{font-size: 15px;float: left;padding: 8px 25px;text-align: center;font-weight: bold;letter-spacing: 3px;cursor: pointer;min-width: 100px;border: 2px solid #005ca5;margin-right: 3px;border-radius: 5px;}
.centerTab2 ul li.on{background: #005ca5;color: #fff;}

/* FRONT 센터 탭 메뉴 */
.centerTab{width: 96%;display: inline-block;margin-top: 16px;margin-left: 20px;}
.centerTab ul li{font-size: 15px;float: left;padding: 11px 0;width: 50%;text-align: center;background: #ddd;font-weight: bold;letter-spacing: 3px;cursor: pointer;}
.centerTab ul li.on{background: #4e76db;color: #fff;}
.centerTab ul li:first-child{border-radius: 5px 0 0 5px;}
.centerTab ul li:last-child{border-radius: 0 5px 5px 0;}


/* 강습시간, 구분, 요일 선택 버튼 */
.search_box{width: 96%;border: 1px solid #ccc;overflow: hidden}

.srchCd{font-weight: bold;border-bottom: 1px solid #ccc;border-right: 1px dashed #ccc;
    width: 9.89%;text-align: center;color: #333;float: left;font-size: 14px;height: 33px;line-height: 34px;}
.srchCds{float: left;width: 90%;border-bottom: 1px solid #ccc;}
.srchCds ul{padding: 3px 0px 2px 5px;display: inline-block;}
.srchCds ul li{float: left;min-width: 48px;background-color: #e1e1e1;border: 1px solid #fff;padding: 6px 8px;text-align: center;font-size: 13px;cursor: pointer;margin-left: 3px;letter-spacing: 1px}
.srchCds ul li:hover{background-color: #6b7a8d;color: #fff;font-weight: bold;}
.srchCds ul li.on{background-color: #6b7a8d;color: #fff;font-weight: bold;}
.srchCds ul span{color: red;margin-left: 10px;line-height: 28px;}

/* 페이징 */
.paging {position: relative;vertical-align: middle;text-align: center;font-size: 0;margin: 20px 0 20px 0;z-index : 0;display: inline-block;width: 100%;}
.paging a {position: relative;z-index: 10;}
.paging .num {font-size: 0;}
.paging .num a {padding: 0 0px 0 0px;margin: 0 1px 0 1px;height: 30px;line-height: 30px;display: inline-block;border: 1px solid #1e61a8;color: #666666;background: #fff;font-size: 11px !important;font-family: "Verdana", "Arial", "Lucida Grande", "Tahoma", "sans-serif";*display:inline;zoom:1;}
.paging .num a.on {border: 1px solid #00783c;color: #00783c;font-weight: bold;}
.paging .num a:hover {border: 1px solid #00783c;color: #00783c;text-decoration: none;}
.paging a {}
.paging a span {text-indent: -10000px;overflow: hidden;height: 0;font-size: 0;}
.paging a.first, .paging a.prev, .paging a.next, .paging a.last {vertical-align: top;display: inline-block;*display:inline;zoom:1;width: 30px;height: 30px;border: 1px solid #d5d5d5;}
.paging .num a {vertical-align: top;display: inline-block;*display:inline;zoom:1;width: 30px;height: 30px;border: 1px solid #eaeaea;}
.paging a.first {background: #fff url('/images/elsys/board/page_first.png') no-repeat 50% 50%;}
.paging a.prev {background: #fff url('/images/elsys/board/page_prev.png') no-repeat 50% 50%;margin: 0 10px 0 2px;}
.paging a.next {background: #fff url('/images/elsys/board/page_next.png') no-repeat 50% 50%;margin: 0 2px 0 10px;}
.paging a.last {background: #fff url('/images/elsys/board/page_last.png') no-repeat 50% 50%;}
.paging .btn {position: absolute;top: 0px;right: 0px;}


/* 기본 */
.widthFull{display: inline-block;width: 100%;}

.inp_t{height: 25px;padding: 0 6px;border: 1px solid #ccc;}
.inp_s{height: 28px;padding: 0 6px;}

.w97per{width:97%}
.w99per{width:99%}
.w35px{width:35px}

.txt_cen{text-align:center}
.txt_left{text-align:left}
.txt_right{text-align:right}
.fl_left{float:left}
.fl_right{float:right}

.btn_boxR{text-align: right;padding:9px 0 9px 20px;width:96%}
.btn_01{background: #e78165;padding: 3px 12px!important;color: #fff;border-radius: 3px;border: 0!important;cursor: pointer;letter-spacing: -1.0px;font-size: 13px;}
.btn_01:hover{background: #64b75a;}
.btn_02{background: #e8e8e8;padding: 3px 12px!important;color: #3c3c3c;border-radius: 3px;border: 0!important;cursor: pointer;letter-spacing: -1.0px;font-size: 13px;}
.btn_02:hover{background: #64b75a;color:#fff}


table.cStyle input,
table.cStyle select,
table.cStyle-a input,
table.cStyle-a select{border:1px solid #aaa;padding:4px}
table.cStyle label,
table.cStyle-a label{margin-right:5px}
table.cStyle input[type="radio"], input[type="checkbox"],
table.cStyle-a input[type="radio"], input[type="checkbox"]{margin:0 3px 0 0}

/* Table */
.table_wrap{position:relative}

/* 예약 */
.cal{margin-top:15px;margin-left:20px;width:96%;overflow:hidden}
.cal .cal_div{width: calc(50% - 25px);float: left;margin-right: 50px;}
.cal .cal_div:last-child{margin-right: 0;margin-top: 3px}
.cal .cal_div .cal_sub01{/*padding-right:33px*/}
.cal .cal_div .cal_sub01 .cal_title{margin-bottom: 15px}
.cal .cal_div .cal_sub01 .cal_title img{width: 24px;cursor: pointer;margin-top: 7px;}
.cal .cal_div .cal_sub01 .cal_title img.prev{float: left;}
.cal .cal_div .cal_sub01 .cal_title img.next{float: right;}
.cal .cal_div .cal_sub01 .cal_title p{width: calc(100% - 48px);padding-top: 7px;display: inline-block;text-align: center;font-size: 20px;font-weight: bold;}
.cal .cal_div .cal_sub02{margin: 7px auto 0; width: 96%}
.cal .cal_div .cal_table td{padding:3px}
.cal .cal_div .cal_table td.abled{cursor:pointer;}
.cal .cal_div .cal_table td.abled p.num{border: 4px solid #a6c34d;border-radius: 50%;}
.cal .cal_div .cal_table td.on p.num{font-weight: bold;border: 4px solid #a6c34d;border-radius: 50%;background-color: #a6c34d;color: #fff;}
.cal .cal_div .cal_table td.abled p.num.on{border: 4px solid #26aada;border-radius: 50%;}
.cal .cal_div .cal_table td.abled.complete p.num{border: 4px solid #ff5c5c;}
td.today_mark{border:3px dotted #26aada;background:#e7f9ff}
td.today_mark p{font-weight:bold;color:#000}
.cal .cal_div .cal_table td p.num{padding: 15px 0px;margin: 0px auto;text-align:center}
.cal .cal_div .list_title{background-color: #4ea47a;padding: 7px 30px;margin-bottom: 5px;color: #fff;border-radius: 30px;font-size:17px;text-align: center;}
.cal .cal_div .title_icon{float: left;margin-left: 10px; width: 11px;height: 26px;background: url("/garden/images/common/ul_circle.png") left 9px no-repeat;}
.cal .cal_div #date_title2{margin: 10px 25px;color: #333;}
#listTable a {font-size: 1rem; background-color:#FF6600;height: 30px;line-height: 30px; border-radius:4px;display:inline-block;cursor:pointer;color:#fff !important;padding:0 20px;text-decoration:none;}
#listTable a:hover {background-color:#793d01;}
#listTable a:active {position:relative;top:1px;}
@media all and (max-width:768px){
	.centerTab{margin-left:5px}
	.btn_boxR{padding:9px 0 9px 5px}
	.cal{margin-left:5px}
	.cal .cal_div{width:96%;margin-right:0}
	.cal .cal_div:last-child{margin-top:30px}
	.cal .cal_div .cal_table td p.num{padding:0;width:30px;height:30px;line-height:30px}
}